<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<link href="../css/indexjsp.css" rel="stylesheet">
<link href="../css/111.css" rel="stylesheet">
<link href="../css/animate.css" rel="stylesheet" />
<title>List</title>
<style>
h2 {
	margin-left: 40px;
	margin-top: 80px;
	margin-bottom: 50px;
	font-size: 45px;
}

ul {
	list-style: none;
}

.kaitou {
	width: 400px;
	color: black;
	border: 1px solid #ff0080;
	margin-bottom: 30px;
	padding-left: 20px;
}

body {
	background-color: papayawhip;
}
</style>
</head>
<body>
	<div class="container">
		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">

					<ul class="nav navbar-nav">
						<li><a>博客</a></li>
						<li><a class="glyphicon glyphicon-comment">&nbsp;5</a></li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a href="../wd.jsp">返回</a></li>
						<li><a href="../exit.do">登出</a></li>
					</ul>
				</div>
			</div>
		</nav>
		
		<div class="panel-group" id="accordion" role="tablist"
		aria-multiselectable="true" style="width: 86%; margin: auto;">
		<h2>文章列表</h2>
		<ul class="list-group" id="list-articles">

		</ul>

		<ul class="pagination" id="pagination">

		</ul>
		</div>
	</div>
	<script type="text/javascript" src="../javascripts/list2.js"></script>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/index.js"></script>
</body>
</html>